<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Booking Sample Home Page</TITLE>
</HEAD>
<BODY>
	<H2>Welcome to the Booking Sample Home Page</H2>

	<table border="1" width='450px'>
		<thead id='dataHeader'>
			<tr>
				<th>Booking Id</th>
				<th>Room Id</th>
				<th>Booking By</th>
				<th>Start Time</th>
				<th>End Time</th>
			</tr>
		</thead>
		<tbody id='dataBody'></tbody>
		<tfoot>
			<tr>
				<th>Total Booking:</th>
				<th id='txtTotalBooking'>0</th>
				<th id='txtMessage' colspan="3"></th>
			</tr>
		</tfoot>
	</table>
	<input value="List Available" type="button" onClick='listAvail()' />
	<input value="List Booked" type="button" onClick='listBooked()' />
	<HR />
	<form>
		<H3>Reserve Room in</H3>
		Room Id:<input id="txtRoomId" type="text" size='20' value='Pangkor' /><br />
		Booking Id:<input id="txtBookingId" type="text" size='20'
			value='st001' /><br /> Booking By:<input id="txtBookedBy"
			type="text" size='20' value='sam_tan' /><br /> Start Time:<input
			id="txtStartTime" type="text" size='20' value='2013-07-18' /><br />
		End Time:<input id="txtEndTime" type="text" size='20'
			value='2013-07-18' /><br />
	</form>
	<input id="btnReserve" value="Reserve Room" type="button"
		onClick='reserve()' />
	<br />
	<input id="btnFillBooking" value="Fill Booking" type="button"
		onClick='fillBooking()' />
	<br />
	<HR />
	Cancel Booking Id:
	<input id="txtUnBookingId" type="text" size='20' value='st001' />
	<br />
	<br />
	<input id="btnUnreserve" value="Cancel Booking" type="button"
		onClick='unreserve()' />
	<br />

	<script type="text/javascript" charset="utf-8" src="../lib/jquery.js"></script>
	<script type="text/javascript" charset="utf-8" src="../lib/ejs-min.js"></script>
	<script type="text/javascript" charset="utf-8" src="../lib/json2.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="../lib/mi-jqcomps.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="./index-controller.js"></script>
	<UL>
		<LI><A HREF="../index.html">Back</A></LI>
	</UL>
</BODY>
</HTML>
